@charset "utf-8";
$fontSize: 100;
@function r($p){
   @return $p/$fontSize*1rem;
}
.content{
   .roll{
       width: 100%;
       font-size: 0;
       position: relative;
       .turn{
           img{
               width: 100%;
           }
       }
       .mask{
           width: 100%;
           position: absolute;
           bottom: 0;
           left: 0;
           height: r(104);
           background-color: rgba(0, 0, 0, .5);
           color: #ffffff;
           p{
               margin-left: 0.15rem;
               font-size: 15px;
               margin-top: 0.1rem
           }
           div{
               font-size: 16px;
           }
           .mask_comment{
               margin-top: 7px;
               img{
                   margin-right: 5px;
               }
               div{
                   display: inline-block;
               }
               div:nth-of-type(1){
                   margin-left: 0.15rem;
                   margin-right: 0.15rem;
                   img{
                       vertical-align: top;
                   }
               }
           }
           .mask_time{
               margin-top: 5px;
               margin-right: 0.05rem;
               font-size: 15px;
           }
       }
   }
}
.GIMC_news{
    padding: 0 r(28);
    .GIMC_news_part{
        padding-bottom: r(32);
        margin-top: r(47);
        border-bottom: 1px solid #cecece;
        .GIMC_news_tp{
            display: inline-block;
            width: r(210);
            height: r(150);
            vertical-align: top;
            img{
                width: 100%;
            }
        }
        .GIMC_news_wz{
            width: r(360);
            display: inline-block;
            margin-left: r(8);
            font-size: 12px;
            p:nth-of-type(2){
                margin-top: 5px;
                opacity: .7;
            }
            div{
                text-align: right;
                margin-top: 5px;
                img{
                    margin: 0 5px;
                    vertical-align: middle;
                }
                img:nth-of-type(1){
                    width: r(17);
                    height: r(15);
                }
                img:nth-of-type(2){
                    width: r(21);
                    height: r(16);
                }
            }
        }
    }
    .more{
        margin-top: r(20);
        margin-bottom: r(30);
        text-align: center;
        font-size: 16px;
    }
}
footer{
   position: absolute;
   left: 0;
   bottom: 0;
   height: r(95);
   width: 100%;
   background-color: #d9d9d9;
   font-size: 11px;
   ul{
       display: flex;
       margin-top: 0.15rem;
       justify-content: space-around;
       li{
           position: relative;
           span{
               position: absolute;
               bottom: -0.2rem;
               left: 0;
           }
           .bianhong{
               color: #b20000;
           }
           img{
               width: 80%;
           }
       }
       li:nth-of-type(1){
           img{
               width: r(47);
               height: r(38);
           }
           span{
               left: 0.03rem;
           }
       }
       li:nth-of-type(2){
            img{
                width: r(48);
                height: r(40);
            }
        }
        li:nth-of-type(3){
            img{
                width: r(41);
                height: r(41);
            }
        }
        li:nth-of-type(4){
            img{
                width: r(42);
                height: r(46);
            }
        }
       li:nth-of-type(5){
           img{
               width: r(70);
               height: r(43);
           }
           span{
               left: 0.13rem;
           }
       }
   }
}
.main{
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0.95rem;
   overflow: auto;
}
